     .zk-single-report {


       .general-item {
         display: flex;
         flex-wrap: wrap;
         padding: 5px 0;

         .general-li {
           min-width: 180px;
           padding: 5px;

           .general-li_box {
             width: 100%;
             height: 100%;
             position: relative;
             cursor: pointer;

             .li_box-icon {
               width: 60px;
               height: 60px;
               border-radius: 60px;
               background-color: #d7d7d7;
               border: 1px solid #e5e5e5;
               position: absolute;
               left: 0;
               top: 50%;
               transform: translateY(-50%);
               z-index: 10;
               padding: 2px;

               .icon-sty {
                 width: 100%;
                 height: 100%;
                 border-radius: 100%;
                 text-align: center;
                 line-height: 52px;

                 i {
                   color: #fff;
                   font-size: 30px;
                 }
               }
             }

             .li_box-conter {
               margin-left: 30px;
               padding: 20px 20px 20px 40px;
               border-radius: 2px;

               .conter-p1 {
                 font-size: 16px;
                 color: #ffffff;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
               }

               .conter-p2 {
                 font-size: 12px;
                 color: #ffffff;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 margin-top: 6px;
               }
             }
           }
         }
       }

       .growing-item {
         font-size: 12px;

         .row {
           display: flex;
           flex-wrap: wrap;
           justify-content: flex-start;
         }

         .row.m-row--col-separator-xl>div {
           border-bottom: 0;
           border-right: 1px solid #ebedf2;
           width: 25%;
         }

         .m-widget24__titles {
           color: #575962;
           margin-left: 18px;
           display: inline-block;
           font-size: 14px;
           font-weight: 600;
         }

         .m-widget24__desc {
           color: #B0B2BF;
           margin-left: 17px;
           line-height: 20px;
           font-weight: 300;
         }

         .m-widget24__stats {
           float: right;
           margin-right: 18px;
           margin-top: -15px;
           font-size: 20px;
           font-weight: 600;
         }

         .m--space-10 {
           display: block;
           height: 0;
           margin-bottom: 10px;
         }

         .m-widget24 {
           padding: 32px 0px;

           .m-widget24__item .progress {
             margin-left: 18px;
             margin-right: 18px;
             margin-bottom: 5px;
             height: 5px;
             background-color: #e9ecef;
             border-radius: .25rem;
           }
         }

         .m-progress--sm {
           position: relative;
           overflow: hidden;
         }

         .progress.m-progress--sm .progress-bar {
           border-radius: 3px;
           height: 5px;
           border-radius: 5px;
           text-align: center;
           position: absolute;
           top: 0;
           left: 0;
         }

         .numerical-value {
           display: flex;
           align-items: center;
           padding: 0px 18px;

           .numerical-value_text {
             color: #9699a2;
             font-size: 12px;
             flex: 1;
             min-width: 0;
           }

           .m-widget24__numbers {
             color: #9699a2;
           }
         }
       }

       .introduce-item {
         padding: 5px 0;
         display: flex;
         flex-wrap: wrap;

         .m-portlet_li {
           padding: 5px;

           .li-box {
             padding: 8px 15px 15px 15px;

             .li-box_p1 {
               width: 40px;
               height: 40px;
               line-height: 40px;

               i {
                 font-size: 30px;
                 color: #ffffff;
               }
             }

             .li-box_p2 {
               font-size: 14px;
               color: #ffffff;
               line-height: 2;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
             }

             .li-box_p3 {
               font-size: 12px;
               color: #ffffff;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
             }
           }
         }
       }

       .member-item {
         padding: 5px 0;
         display: flex;
         flex-wrap: wrap;

         .member-li {
           padding: 5px;

           .member-li_box {
             padding: 15px;

             .member-p1 {
               display: flex;
               flex-direction: row;
               align-items: center;

               i {
                 width: 30px;
                 height: 30px;
                 border-radius: 30px;
                 text-align: center;
                 line-height: 30px;
                 color: #ffffff;
                 background-color: #fff;
                 font-size: 22px;
               }

               .member-p1_text {
                 flex: 1;
                 min-width: 0;
                 padding-left: 10px;
                 font-size: 14px;
                 color: #ffffff;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
               }
             }

             .li-box_p2 {
               font-size: 12px;
               color: #fff;
               margin-top: 10px;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
             }
           }
         }
       }

       .ratio-item {
         font-size: 12px;

         .item {
           margin: 10px;
         }

         .data-progress_list {
           padding: 10px 5px;
         }

         a {
           color: #2f54eb;
           background-color: transparent;
           text-decoration: none;
           outline: none;
           cursor: pointer;
           -webkit-transition: color .3s;
           transition: color .3s;
         }

         .item-header {
           margin-bottom: 5px;
           display: flex;
           align-items: center;
           justify-content: space-between;
         }

         .item-count {
           font-size: 18px;
           color: #666;
           font-weight: 400;
         }

         .item-title {
           color: #999;
           font-size: 12px;
         }

         .el-progress {
           position: relative;
           line-height: 1;
         }

         .el-progress-bar {
           padding-right: 0;
           margin-right: 0;
           display: block;
         }
       }

       .states-item {
         font-size: 12px;

         .m-widget25 .m-widget25__price {
           font-size: 70px;
           color: #716aca !important;
           font-weight: 300
         }

         .m-widget25 .m-widget25__desc {
           color: #c5c6ca;
           margin-bottom: 50px;
           font-size: 12px;
         }

         .m-widget25 .m-widget25--progress {
           border-top: 1px dashed #ebedf2;
         }

         .m-widget25 .m-widget25--progress {
           display: flex;
           flex-wrap: wrap;
           width: 100%;
         }

         .m-widget25__progress {
           display: table-cell;
           width: 25%;
           padding: 40px;
           box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
         }

         .m-widget25__progress-number {
           font-size: 14px;
           font-weight: 400;
         }

         .m--space-10 {
           display: block;
           height: 0;
           margin-bottom: 10px;
         }

         .m-widget25__progress .progress {
           height: 5px;
           background-color: #e9ecef;
           border-radius: .25rem;
           position: relative;
         }

         .progress.m-progress--sm .progress-bar {
           border-radius: 3px;
           position: absolute;
           top: 0;
           left: 0;
         }

         .m-widget25__progress-sub {
           color: #9699a2;
           display: inline-block;
           margin-top: 6px;
           font-size: 13px;
           font-weight: 500;
         }
       }

       .total-item {
         font-size: 12px;

         .m-portlet .m-portlet__body {
           color: #575962;
         }

         .m-portlet .m-portlet__body {
           padding: 22px 22px;
         }

         .m-widget4 .m-widget4__item {
           display: table;
           padding: 15px 20px;
           display: flex;
           align-items: center;
         }

         .m-widget4__item {
           border-bottom: 1px dashed #ebedf2;
         }

         .m-widget4__ext {
           display: table-cell;
           vertical-align: middle;
         }

         .m-widget4__eleft {
           .m-widget4__icon {
             width: 40px;
             height: 40px;
             text-align: center;
             line-height: 40px;
             display: inline-block;
           }
         }

         .m--font-brand {
           color: #716aca !important;
         }

         .m-widget4__ext .m-widget4__icon>i {
           font-size: 22px;
           color: #c1bfd0;
         }

         .m-widget4 .m-widget4__item .m-widget4__info {
           display: table-cell;
           flex: 1;
           padding-left: 12px;
           padding-right: 12px;
           font-size: 12px;
           vertical-align: middle;

           span {
             font-weight: 500;
             color: #898b96;
             font-size: 14px;
             line-height: 33px;
           }
         }

         .m-widget4__ext .m-widget4__number {
           font-size: 16px;
           font-weight: 600;
           color: #36a3f7 !important;
           line-height: 33px;
         }
       }

       .type-item {
         font-size: 12px;

         .item {
           margin: 0 auto 10px;
           width: 96%;
           height: 100px;
           border-radius: 5px;
           box-sizing: border-box;

           a {
             display: flex;
           }
         }

         .item-icon {
           margin: 0 auto;
         }

         .data-box .item-icon {
           width: 100px;
           height: 100px;
           color: #fff;
           text-align: center;
           line-height: 100px;
           align-items: center;
           justify-content: center;
           display: flex;
         }

         .data-box .item-icon i {
           font-size: 48px !important;
         }

         .data-box .item-info {
           border-radius: 0 5px 5px 0;
           border: 1px solid #eee;
           border-left: none;
           flex: 1;
           display: flex;
           justify-content: center;
           flex-direction: column;
         }

         .data-box .item-info .title {
           font-size: 30px;
           line-height: 40px;
           text-align: center;
         }

         .data-box .item-info .info {
           color: #999;
           font-size: 14px;
           text-align: center;
         }

         .title {
           background-color: #fff !important;
         }
       }

     }

     .amount-item {
       .amount-item_li {
         padding: 20px;

         .item-box {
           width: 100%;
           height: 100%;

           .count-h5 {
             line-height: 2;
             font-size: 14px;
             width: 100%;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
           }

           .item-box-title {
             width: 100%;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
           }
         }
       }
     }
